<template>
  <div class="address">
    <elui-china-area-dht @change="handleChange" placeholder="选择地区"></elui-china-area-dht>
  </div>
</template>

<script>
import { EluiChinaAreaDht } from "elui-china-area-dht";
const chinaData = new EluiChinaAreaDht.ChinaArea().chinaAreaflat;

export default {
  components: {
    EluiChinaAreaDht,
  },
  data() {
    return {
      address: "江苏省",
      parentId: 0,
      options: [],
    };
  },
  methods: {
    handleChange(e) {
      const one = chinaData[e[0]];
      const two = chinaData[e[1]];
    },
  },
  created() {
  },
};
</script>

<style scoped>
.address {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 2px;
  margin-right: 10px;
}
</style>